<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>鸿源海购-首页</title>
  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">

  <link rel="stylesheet/less" href="./css/reset.less">
  <link rel="stylesheet/less" href="./css/common.less">
  <link rel="stylesheet/less" href="./css/tabbar.less">
  <link rel="stylesheet/less" href="./css/home_download.less">
  <link rel="stylesheet/less" href="./css/home_search_login.less">
  <link rel="stylesheet/less" href="./css/home_menu.less">
  <script src="./m_hyhg/js/lessc.js"></script>
</head>

<body>


  <div class="home">
    <!-- 下载app -->
    <div class="download">
      <div class="left">
        <img src="./m_hyhg/img/logo.png" alt="">
        <div class="desc">
          <p class="top">【考拉海购】官方自营 正品保障</p>
          <p class="bottom">下载APP新人可享125元购物礼包</p>
        </div>
      </div>
      <div class="right">
        打开APP
      </div>
    </div>
    <!-- 搜索登录 -->
    <div class="search-login">
      <div class="search">
        在千万海外商品中搜索
      </div>
      <div class="login">
        登录/注册
      </div>
    </div>
    <!-- quickly menu -->
    <div class="menu">
      <img src="./m_hyhg/img/recommend_01.png" alt="">
      <img src="./m_hyhg/img/recommend_02.png" alt="">
      <img src="./m_hyhg/img/recommend_03.png" alt="">
      <img src="./m_hyhg/img/recommend_04.png" alt="">
      <img src="./m_hyhg/img/recommend_05.png" alt="">
    </div>
    <!-- Promotion -->
    <!-- category -->
    <!-- goods -->
  </div>

  <!-- tabbar -->
  <div class="tabbar">
    <div class="item"><img src="./m_hyhg/img/tabbar_home_active.png" alt=""></div>
    <div class="item"><img src="./m_hyhg/img/tabbar_category.png" alt=""></div>
    <div class="item"><img src="./m_hyhg/img/tabbar_cart.png"></div>
    <div class="item"><img src="./m_hyhg/img/tabbar_profile.png" alt=""></div>
  </div>

</body>

</html>